<!DOCTYPE html>

<html>

<head>
	
	<meta charset="utf-8">
	
	<title><?=CONFIG_PROJECT_NAME?></title>
	
	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<!-- RESET -->
	<link rel="stylesheet" href="<?=CONFIG_SYSTEM_URL?>css/reset.css" type="text/css" />
	
	<!-- BOOTSTRAP -->
	<link rel="stylesheet" href="<?=CONFIG_SYSTEM_URL?>css/bootstrap.css">
	
	<!-- JQUERY UI -->
	<link rel="stylesheet" href="<?=CONFIG_SYSTEM_URL?>css/jquery-ui-1.8.16.custom.css">
	<link rel="stylesheet" href="<?=CONFIG_SYSTEM_URL?>css/jquery-ui-bootstrap.css">
	
	<!-- MAGNET -->
	<link rel="stylesheet" href="<?=CONFIG_SYSTEM_URL?>css/style.css">
	
	<!-- JQUERY -->
	<script src="<?=CONFIG_SYSTEM_URL?>js/jquery-1.7.1.min.js"></script>
	<script src="<?=CONFIG_SYSTEM_URL?>js/jquery-ui-1.8.18.custom.min.js"></script>
	<script src="<?=CONFIG_SYSTEM_URL?>js/modernizr-2.5.3.js"></script>
	<script src="<?=CONFIG_SYSTEM_URL?>js/global.js"></script>
	
</head>

<body>

	<div class="topbar">
		<div class="fill">
			<div class="container">
				<a class="brand" href="<?=$route?>/"><?=CONFIG_PROJECT_NAME?></a>
			</div>
		</div>
	</div>

	<div class="container">
		<? if ($error): ?>
			<span class="flash bad"><?=$error?></span>
		<? endif; ?>
	</div>

	<div class="container">
	
		<form method="post" action="/magnet/login/">
		
			<div class="clearfix">
				<label><?=__("Username", "en")?>: </label>
				<div class="input"><input type="text" name="username"></div>
			</div>
			
			<div class="clearfix">
				<label><?=__("Password", "en")?>: </label>
				<div class="input"><input type="password" name="password"></div>
			</div>
		
			<div class="actions">
				<button type="submit" class="btn primary"><?=__("Login", "en")?></button>
			</div>
			
		</form>
		
	</div>
	
</body>

</html>